<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!--
			在前端开发中，如果要处理大量的文本，建议把行高设置的要比字体大
			但是分配的大小一般不是 line-height - font-size，而是需要根据浏览器的设置决定
			一般会在 最开始的 body 中把行高统一设置为 1，之后再一一设置行高
		-->
		<style>
			
		</style>
	</head>
	<body>
		<div>
			验证字体大小
			单位：px em %
			font-style 三个属性值 一个是正常的默认值，一个是字体本身的倾斜，一个是字体是原本的样式之后故意让它倾斜，
				实际上两种倾斜效果是基本一样的。大体的区别是语义上的区别。
			为字体分了 9 个等级，但是不是每种字体都有 9 个等级，可能有的只有一个等级，有的有 4 个等等
		</div>
	</body>
</html>
